<!-- <div class="col-xs-4 col-md-2">
  <ng-include src="'/tpls/files/menu.html'"></ng-include> 
</div>
<div class="col-xs-8 col-md-10 animated fadeInRight"> -->
<div class="col-xs-12 col-md-12 animated" ng-class="{true: 'fadeInRight', false:'fadeInLeft'}[currentAnimated]">
  <div class="file-list">
    <div class="op-nav">
      <a href="javascript:;" ng-click="backPrev()" title="返回上一级"><span class="opbread-icons" id="op-prev">返回上一级</span></a>
      <ol class="breadcrumb opbreadcrumb">
        <li ng-repeat="step in breadcrumbs">
          <a href="javascript:;" ng-if="breadcrumbs.length-1!=$index" ng-click="gogo(step.label)"><i ng-if="step.icon" class="{{step.icon}}"></i>{{step.label}}</a>
          <span ng-if="breadcrumbs.length-1==$index"><i ng-if="step.icon" class="{{step.icon}}"></i>{{step.label}}</span>
        </li> 
      </ol>
    </div>
    <div class="op-bar">
      <div class="op-select">
        <div class="item-select">
          <i class="icon-check checkbox" id="checkAll"></i>
        </div>
        <span class="check-info" ng-class="{'show-toolbar': opbar.showToolbar}">
          <span class="hidden-xs hidden-sm">已选中<span ng-bind="opbar.checkNum"></span>个文件/文件夹</span>
          <div class="op-action">
            <div class="btn-group" role="group">
              <a class="btn btn-default" ng-click="download()" ng-class="{'disabled':opbar.checkNum>1}"><i class="fa fa-download"></i><span class="hidden-xs"> 下载</span></a>
              <a class="btn btn-default" ng-click="remove()"><i class="fa fa-trash-o"></i><span class="hidden-xs">删除</span></a>
              <a class="btn btn-default" ng-click="rename()" ng-class="{'disabled':opbar.checkNum>1}"><i class="fa fa-edit"></i><span class="hidden-xs"> 重命名</span></a>
              <a class="btn btn-default" ng-click="copyTo()"><i class="fa fa-copy"></i><span class="hidden-xs"> 复制到</span></a>
              <a class="btn btn-default" ng-click="moveTo()"><i class="fa fa-share-square-o"></i><span class="hidden-xs"> 移动到</span></a>
              <a class="btn btn-default" ng-click="pictureurl()" ng-class="{'disabled':opbar.checkNum>1}"><i class="fa fa-external-link"></i><span class="hidden-xs"> 图片URL</span></a>
            </div>
          </div>
        </span>
        <div class="pull-right">
          <div class="btn-group" role="group">
            <a class="btn btn-default" ngf-select="uploadFiles($files)"  multiple="multiple"><i class="fa fa-upload"></i><span class="hidden-xs hidden-sm">上传</span></a>
            <a class="btn btn-default" ng-click="createFolder()"><i class="fa fa-folder-o"></i><span class="hidden-xs hidden-sm">新建文件夹</span></a>
            <a class="btn btn-default" data-toggle="modal" data-backdrop="static" data-target="#advancedSearch"><i class="fa fa-filter"></i><span class="hidden-xs hidden-sm">高级搜索</span></a>
          </div>
        </div>
      </div>
    </div>

	<div style="min-height:500px;">
    <filegrid></filegrid>
	</div>
    <span id="selectedTreeNode" style="display:none"></span>
  </div>
</div>

<imagepreview></imagepreview>
<upload-task></upload-task>

<div class="modal" id="advancedSearch" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
       <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title">高级搜索</h4>
       </div>
       <div class="modal-body">
        <div class="row">
          <form class="form-horizontal searchForm" role="form" name="fileForm" >
            <div class="col-xs-6 col-md-6">
              <div class="form-group">
                <label class="control-label hidden-xs hidden-sm col-md-3">标签：</label>
                <div class="col-xs-12 col-md-9">
                  <input type="text" class="form-control w120 input-tags" name="tags" id="tags" placeholder="标签" ng-model="queryTag" autocomplete="off">
                  <tags elemId="tags"></tags>
                </div>
              </div>
            </div>
            <div class="col-xs-6 col-md-6">
              <div class="form-group">
                <label class="control-label hidden-xs hidden-sm col-md-3">时间：</label>
                <div class="col-xs-12 col-md-9">
                  <input type="text" class="form-control fl w120" id="beginTime" name="beginTime" placeholder="发布起始" idate ng-model="file.beginTime">
                  <em class="fl spitter">--</em>
                  <input type="text" class="form-control fl w120" id="endTime" name="endTime" placeholder="发布截止" idate ng-model="file.endTime">
                </div>
              </div>
              <!-- div class="form-group">
                <label class="control-label hidden-xs hidden-sm col-md-1">类别：</label>
                <div class="col-xs-8 col-md-9" id="btnFileTypes">
                  <button class="button btn btn-default btn-primary" data-type="all" optype checked="checked" ng-click="search()">全部文件</button>
                  <button class="button btn btn-default" data-type="file" optype ng-click="search()">文档</button>
                  <button class="button btn btn-default" data-type="image" optype ng-click="search()">图片</button>
                  <button class="button btn btn-default" data-type="audio" optype ng-click="search()">音乐</button>
                  <button class="button btn btn-default" data-type="video" optype ng-click="search()">视频</button>
                  <button class="button btn btn-default" data-type="other" optype ng-click="search()">其它</button>
                </div>
              </div> -->
            </div>
          </form>
        </div>    
       </div>
       <div class="modal-footer">
          <button type="button" class="btn btn-primary" ng-click="search()" data-dismiss="modal">搜索</button>
          <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
       </div>
    </div>
  </div>
</div>

<script type="text/javascript">
$('#advancedSearch').on('shown.bs.modal', function () {
  $(".modal-backdrop").css({"position": "static"});
}).on('hidden.bs.modal', function(){
  $(".modal-backdrop").css({"position" : "fixed"});
});
</script>